<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>货源管理</title>
    <link th:href="@{/static/css/layui/layui.css}" rel="stylesheet">
    <link th:href="@{/static/css/style.css}" rel="stylesheet">
    <link th:href="@{/static/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/static/css/layer/layer.css}" rel="stylesheet">
    <link th:href="@{/static/css/layui/admin.css}" rel="stylesheet">
    <link th:href="@{/static/css/element-ui.2.13.0.css}" rel="stylesheet">
    <link th:href="@{/static/css/font-awesome.min.css}" rel="stylesheet">
</head>
<body>
<div class="layui-fluid" id="app">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <el-table
                            :data="tableData"
                            style="width: 100%;margin-bottom: 20px;"
                            row-key="id"
                            border
                            default-expand-all
                            :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
                        <el-table-column style="display: none"
                                         prop="code"
                                         label="货源单号"
                                         align="center"
                        >
                        </el-table-column>
                        <el-table-column
                                prop="name"
                                label="货主名称"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="mandator"
                                label="委托人"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="shipperAddress"
                                label="装货地址"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="consigneeAddress"
                                label="收货地址"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="coalTypeName"
                                label="货物类型"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="coalNumber"
                                label="货物重量"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="price"
                                label="单价（元/吨）"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="atPrice"
                                label="税后单价（元/吨）"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="transportPrice"
                                label="承运单价（元/吨）"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="coalPrice"
                                label="货物单价（元/吨）"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="status"
                                label="状态"
                                align="center">
                        </el-table-column>

                        <el-table-column
                                fixed="right"
                                label="操作"
                                width="100">
                            <template slot-scope="scope">
                                <el-button @click="handleClick(scope.row)" type="primary" size="small">查看详情</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                    <el-pagination
                            background
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            layout="prev,pager,next,sizes"
                            :page-sizes="[5, 10, 15, 20]"
                            :page-size="page_size"
                            :current-page="current_page"
                            :total="total">
                    </el-pagination>
                </div>
            </div>
        </div>
    </div>
</div>
<script th:inline="javascript">
    var context = [[@{/}]];
</script>
<script th:src="@{/static/js/jquery.1.12.4.min.js}"></script>
<script th:src="@{/static/js/jquery.validate.min.js}"></script>
<script th:src="@{/static/js/layui/layui.js}"></script>
<script th:src="@{/static/js/layui/lay/modules/layer.js}"></script>
<script th:src="@{/static/js/vue.2.6.11.js}"></script>
<script th:src="@{/static/js/element-ui.2.13.0.js}"></script>
<script th:src="@{/static/js/modules/waybill/main.js}"></script>
</body>
</html>